<template>
  <div>
    <!-- 模板这边vue会帮我们自动解包，就不用写count.value了 -->
    {{ count }}&nbsp;<button @click="addCount">count++</button>
  </div>
</template>

<script setup>
// 从vue中导入ref方法
import { ref } from 'vue';
// 把数据包裹一下就变成响应式的数据了
let count = ref(0);
const addCount = () => {
  count.value++; // 被包裹后获取里面的值需要通过.value来获取
};
</script>